$(function () {
    // header部分hover效果
    $('.region-selection, .login a, .register a, .collection a').mouseenter(function () {
        $(this).css({ 'color': '#fc3' });
    }).mouseleave(function () { $(this).css({ 'color': 'black' }) });

    // 点击 登录/注册 跳转至相应页面
    $('.login a').click(function () {
        setTimeout(function () {
            location.href = './login/login.html';
        }, 1500)
    })
    $('.register a').click(function () {
        setTimeout(function () {
            location.href = './register/register.html';
        }, 1500)
    })

    // 导航栏二级菜单显隐效果
    $('.nav-item').hover(function () {
        $(this).find('.nav-unfold').slideToggle(500);
    })
    $('.nav-item li').find('a').click(function () {
        // console.log(422)
        setTimeout(function () {
            location.href = './goodlist.html';
        }, 1500)
    })

    // 点击播放按钮播放视频
    $('.video-play').click(function () {
        $('.video-div')[0].play();
    })

    // editor部分hover效果/跳转至列表页
    $('.product-list li').mouseenter(function () {
        $(this).animate({ 'top': '-10px' }, 'fast');
        $(this).css({ 'box-shadow': '0 10px #fb3' })
    }).mouseleave(function () {
        $(this).animate({ 'top': 0 }, 'fast');
        $(this).css({ 'box-shadow': 'none' });
    }).click(function () {
        setTimeout(function () {
            location.href = './goodlist.html';
        }, 1500)
    })

    // entry部分hover效果
    $('.plate-entry li').mouseenter(function () {
        $(this).animate({ 'top': '-10px', 'left': '-10px' }, 'fast');
        $(this).css({ 'box-shadow': '-10px 10px 10px  #fb3' })
    }).mouseleave(function () {
        $(this).animate({ 'top': 0, 'left': 0 }, 'fast');
        $(this).css({ 'box-shadow': 'none' });
    })

    $('.top-img, .left-img, .world-of-secoo li').mouseenter(function () {
        $(this).addClass('bg-mask');
    }).mouseleave(function () { $(this).removeClass('bg-mask'); })

    // 轮播图效果
    var index = 0;
    var timer = null;
    var length = $("#nav li").length;
    var $before = index;
    //启动定时器
    start();
    function start() {
        clearInterval(timer);
        timer = setInterval(function () {
            index++;
            if (index == length) {
                index = 0;
            }
            show(true);
            $before = index;

        }, 3000);
    }
    $("#nav li").mouseover(function () {//鼠标移入
        index = $(this).index();  //点击的索引
        //把索引从0变到1
        clearInterval(timer);
        show(false);
        $before = index;
    }).mouseout(function () {//离开启动定时器
        start();
    });
    $('#left').click(function () {
        show(true);
    })
    $('#right').click(function () {
        show(true);
    })


    function show(flag) {
        $("#nav li").eq(index).addClass("select").siblings().removeClass("select");
        if (!flag) {
            if ($before < index) {//从左到右
                $("#content li").eq($before).stop().animate({ "left": "-1200px" });
                $("#content li").eq(index).css({ "left": "1200px" }).stop().animate({ "left": 0 });
            } else if (index < $before) {//从右到左
                $("#content li").eq($before).stop().animate({ "left": "1200px" });
                $("#content li").eq(index).css({ "left": "-1200px" }).stop().animate({ "left": 0 });
            }
        } else {
            $("#content li").eq($before).stop().animate({ "left": "-1200px" });
            $("#content li").eq(index).css({ "left": "1200px" }).stop().animate({ "left": 0 });
        }
    }

})